﻿<html>
	<head>
		<style>
			#search-list .clearfix::after {
				clear: both;
			}
			#search-list .search-bar {
				width: 500px;
				height: 50px;
				margin: 0 auto;
			}
			#search-list .search-bar input {
				float: left;
				width: 380px;
				height: 50px;
			}
			#search-list .search-bar button {
				float: left;
				width: 100px;
				height: 50px;
				margin-left: 20px;
			}
			#search-list .search-ctnt {
				width: 500px;
				margin: 0 auto;
			}
		</style>
		<script src="jquery-1.8.2.min.js"></script>
		<script src="SearchList.js"></script>
		<script>
			SearchList.getJsonData("12312", "");
		</script>
	</head>

	<body>
		<div id="search-list">
			<div class="search-bar">
				<input type="text" name="search" placeholder="please type your search keywords in..." />
				<button class="clearfix">Search</button>
			</div>
			<div class="search-ctnt">
				asdfasdf
			</div>
		</div>
	</body>
</html>